html,body{
  height: 100%;
  width: 100%;
  font-size: 14px;
  font-family: "微软雅黑";
}
body,p,ul,dl,dd,dt,h1{
  margin: 0;
  padding: 0;
}
.w1100{
  width: 1100px;
  margin: 0 auto;
}
.clear:after{
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
li{
  list-style: none;
}
a{
  text-decoration: none;
}
i{
  font-style: normal;
}
h1{
  font-weight: normal;
}
.left{
  float: left;
}
.none{
  display: none;
};
b{
  font-weight: normal;
}
.u-flyer{
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0;
}


#header{
  .header_topnav{
    background: #f2f2f2;
    border-bottom: 1px solid #dbdbdb;
    .w1100{
      .head_top_left{
        float: left;
        li{
          float: left;
          color: #6c6c6c;
          line-height: 30px;
          font-size: 12px;
          margin-right: 30px;
          a{
            color: #6c6c6c;
          }
        }
      }
      .head_top_right{
        float: right;
        li{
          position: relative;
          float: left;
          padding: 0 12px;
          line-height: 30px;
          font-size: 12px;
          >a{
            display: block;
            color: #6c6c6c;
            width: 61px;
            background: url("../../images/topnav.png") no-repeat 54px -70px;
          };
          >div{
            display: none;
            width: 100%;
            position: absolute;
            z-index: 10;
            left: -1px;
            border: 1px solid #ccc;
            border-top: 0;
            background: #fff;
            img{
              width: 100%;
            }
            p{
              a{
                display: block;
                padding-left: 15px;
                color:#6c6c6c;
              }
            }
          }
        }
        .hover_bg:hover{
          background: #fff;
          >a{
            background: url("../../images/topnav.png") no-repeat 54px -105px;
          }
        }
        li:nth-child(2) a{
          padding-left: 14px;
          width: 49px;
          background: url("../../images/topnav.png") no-repeat  ;
        }
        .item_line{
          width: 6px;
          padding: 0px 4px;
          color: #ccc;
        }
      }
    }
  }
  .header_center{
    .w1100{
      .head_clogo{
        float: left;
        a{
          display: block;
          font-size: 0;
        }
      }
      .head_csearch{
        float: left;
        margin-left: 80px;
        margin-top: 25px;
        form{
          input{
            border: 0;
            display: block;
            float: left;
          }
          input:nth-child(1){
            width: 318px;
            height: 26px;
            padding: 5px 2px 5px 10px;
            border: 2px solid #00c8ff;
            outline: none;
            font-size: 12px;
          }
          input:nth-child(2){
            width: 88px;
            height: 40px;
            background: #00c8ff;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
          }
        }
        ul{
          margin-top: 6px;
          li{
            float: left;
            border-right: 1px solid #ccc;
            a{
              display: block;
              line-height: 14px;
              color: #6c6c6c;
              font-size: 12px;
              margin: 0 9px;
            }
          }
          li:nth-child(1){
            margin-left: -7px;
          }
          li:nth-last-child(1){
            border: 0;
          }
        }
      }
      .head_cshop{
        float: right;
        margin-top: 26px;
        margin-right: 2px;
        position: relative;
        >p{
          display: none;
          position: absolute;
          z-index: 7;
          left: 26px;
          top: -18px;
          width: 30px;
          height: 30px;
          line-height: 27px;
          background: url("../../images/shopamount.png");
          text-align: center;
          color: #fff;
          font-size: 11px;
        }
        >a{
          position: relative;
          z-index: 7;
          display: block;
          padding-left: 45px;
          border: 1px solid #e2e2e2;
          width: 79px;
          height: 36px;
          background: url("../../images/topnav.png") no-repeat 11px -210px;
          box-shadow: 0 0px 2px #d8d8d8;
          border-radius: 3%;
          color: #6c6c6c;
          font-size: 12px;
          background-color: #fff;
          span{
            display: block;
            float: left;
            line-height: 36px;
          }
          i{
            display: block;
            float: left;
            margin: 3px 0 0 6px;
            width: 6px;
            height: 31px;
            background: url("../../images/topnav.png") no-repeat 0 -70px;
          };
        };
        .change{
          border-bottom: 0;
          box-shadow: 0 -1px 2px #d8d8d8;
        }
        .shop_goods{
          display: none;
          z-index: 6;
          position: absolute;
          top: 34px;
          right: 0px;
          background: #fff;
          width: 300px;
          border: 1px #e2e2e2 solid;
          box-shadow: 0 0px 2px #d8d8d8;
          border-radius: 1%;
          .goods_empty{
            padding: 30px 10px 40px;
            p{
              font-size: 24px;
              color: #c4c4c4;
              margin-top: 10px;
              text-align: center;
            }
            .goods_img{
              width: 135px;
              height: 164px;
              margin: 0 auto;
              background: url("../../images/empty.png") no-repeat;
            };
            .goods_style{
              font-size: 18px;
            }
          };
          .goods_has{
            display: none;
            >.goods_msg{
              width: 290px;
              overflow: hidden;
              padding: 10px 5px;
              background: #fff;
              overflow: auto;
              max-height: 280px;
              ul{
                padding: 0 10px;
                li{
                  padding: 10px 0;
                  border-bottom: 1px #e3e3e3 dotted;
                  >a{
                    display: block;
                    border: 1px #e4e4e4 solid;
                    float: left;
                    img{
                      display: block;
                      width: 78px;
                      height: 78px;
                    }
                  }
                  >.info_name{
                    float: left;
                    width: 160px;
                    margin-left: 10px;
                    >a{
                      display: block;
                      color: #888;
                      line-height: 18px;
                      font-size: 12px;
                      margin-top: 8px;
                      margin-bottom: 10px;
                      height: 36px;
                      overflow: hidden;
                    }
                    >div{
                      span{
                        float: left;
                        font-size: 16px;
                        color: #ff643c;
                      };
                      >p{
                        margin-left: 4px;
                        border: 1px #c6c6c6 solid;
                        width: 77px;
                        height: 24px;
                        float: left;
                        span{
                          width: 24px;
                          height: 24px;
                          float: left;
                          cursor: pointer;
                        }
                        #down_num{
                          background: url(../../images/updown.png) no-repeat 0 -24px;
                        };
                        input{
                          width: 29px;
                          height: 22px;
                          line-height: 24px;
                          text-align: center;
                          float: left;
                          font-family: Arial;
                          font-size: 14px;
                          border: 0;
                        }
                        #up_num{
                          background: url(../../images/updown.png) no-repeat 0 0;
                        };
                      };
                      >a{
                        margin-left: 5px;
                        margin-top: 10px;
                        font-size: 12px;
                        float: left;
                        color: #888;
                        text-decoration: underline;
                      }
                    }
                  };
                }
              }
            };
            >.goods_all{
              background: #fff;
              padding: 10px 20px;
              >p{
                color: #6c6c6c;
                >span{
                  color: #ff643c;
                  font-size: 18px;
                  font-family: Arial;
                  font-weight: bold;
                  margin: 0 2px;
                }
              };
              >div{
                p:nth-child(1){
                  float: left;
                  color: #888;
                  span{
                    color: rgb(255, 100, 60);
                    font-size: 14px;
                    font-family: 微软雅黑;
                    margin: 0px 3px 0px 4px;
                  };
                  i{
                    color: #ff643c;
                    font-size: 24px;
                    font-family: Arial;
                    font-weight: bold;
                    font-style: normal;
                  }
                }
                p:nth-child(2){
                  float: right;
                  width: 90px;
                  height: 26px;
                  background: #ff643c;
                  top: 19px;
                  >a{
                    display: block;
                    width: 90px;
                    height: 26px;
                    color: #fff;
                    text-align: center;
                    line-height: 26px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .header_mainnav{
    background: #00c8ff;
    .w1100{
      position: relative;
      .head_mnav_left{
        float: left;
        >ul{
          >li{
            float: left;
            >a{
              display: block;
              width: 120px;
              height: 35px;
              line-height: 35px;
              text-align: center;
              color: #fff;
              img{
                display: block;
              }
              span{
                padding-right: 11px;
                background: url("../../images/mainnav.png") no-repeat right -8px;
              }
            };
          };
          >li:nth-child(1){
            background: #00647f;
          };
          >.img:hover{
            img:nth-child(1){
              display: none;
            }
            img:nth-child(2){
              display: block;
            }
          }
          >.nav2:hover{
            background: #00647f;
            span{
              background: none;
            }
          }

          .mnav_nav2{
            display: none;
            background: #fff;
            z-index: 7;
            position: absolute;
            top: 35px;
            left: 0px;
            width: 100%;
            >div{
              padding: 4px 30px 40px 5px;
              >ul{
                li{
                  float: left;
                  width: 360px;
                  margin: 40px 0 0 40px;
                  >div{
                    background: url('../../images/m_nav.png') no-repeat;
                    width: 336px;
                    height: 23px;
                    padding: 0 0 6px 24px;
                    font-size: 16px;
                    font-weight: bold;
                    color: #6c6c6c;
                    border-bottom: 1px #c4c4c4 dotted;
                  };
                  p{
                    margin: 12px 20px 0 0px;
                    height: 16px;
                    float: left;
                    >a{
                      color: #6c6c6c;
                      font-size: 12px;
                    }
                  }
                }
              }
            }
          }
        }
      };
      .head_mnav_right{
        float: right;
        li{
          float: left;
          width: 0;
          height: 35px;
          margin-left: 8px;
          padding-left: 26px;
          overflow: hidden;
          cursor: pointer;
          >span{
            line-height: 35px;
            color: #fff;
          }
          transition: width 0.5s;
        }
        li:hover{
          width: 74px;
        }
        .baidu{
          background: url("../../images/assure2.png") no-repeat 0 0;
        }
        .quality{
          background: url("../../images/assure2.png") no-repeat 0 -35px;
        }
        .mail{
          background: url("../../images/assure2.png") no-repeat 0 -105px;
        }
        .return{
          background: url("../../images/assure2.png") no-repeat 0 -70px;
        }
      }
    }
  }
}

#banner{
  height: 350px;
  width: 100%;
  position: relative;
  overflow: hidden;
  ul{
    li{
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      a{
        display: block;
        width: 100%;
        height: 380px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100%;
      }
    }
    li:nth-child(1){
      z-index: 3;
    }
  }
  div{
    z-index: 5;
    position: absolute;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    bottom: 20px;
    span{
      cursor: pointer;
      display: block;
      float: left;
      width: 10px;
      height: 10px;
      margin-left: 10px;
      background: #6c6c6c;
    }
    ._color{
      background: #00c8ff;
    }
  }
}

#container{
  padding: 35px 0;
  background: #f6f6f3;
  .con_top{
    h1{
      text-align: center;
      font-size: 24px;
      span{
        margin-right: 15px;
      }
    };
    ul{
      li{
        margin-top: 20px;
        overflow: hidden;
        >div{
          float: left;
        }
        .ctop_right{
          background: #fff;
          height: 324px;
          width: 350px;
          padding: 26px 50px 0;
          .ct_rig_1{
            margin-bottom: 26px;
            height: 19px;
            text-align: center;
            i{
              margin-right: 11px;
            }
          };
          .ct_rig_2{
            height: 154px;
            line-height: 26px;
            font-size: 16px;
            a{
              color: #6c6c6c;
            };
            margin-bottom: 40px;
          };
          .ct_rig_3{
            height: 42px;
            margin-bottom: 4px;
            p:nth-child(1){
              float: left;
              i{
                font-size: 20px;
                float: left;
                margin-top: 2px;
                margin-left: -4px;
              }
              span{
                float: left;
                display: block;
                line-height: 42px;
                font-size: 36px;
              }
            }
            p:nth-child(2){
               float: right;
              a{
                display: block;
                line-height: 36px;
                width: 140px;
                background:#ff643c;
                color:#fff;
                font-size: 20px;
                text-align: center;
                position: relative;
              }
             }
          }
          .ct_rig_4{
            .left{
              color:#c4c4c4;
              font-size: 11px;
            }
            p{
              float: right;
              color:#c4c4c4;
              font-size: 11px;
            }
          }
        }
      };
    }
  }
  .con_nav{
    margin-top: 35px;
    .cnav_top{
      border-bottom: 1px #6c6c6c solid;
      margin-bottom: 12px;
      ul{
        float: left;
        li{
          float: left;
          width: 140px;
          height: 30px;
          font-weight: bold;
          cursor: pointer;
          text-align: center;
          box-sizing: border-box;
          position: relative;
          i{
            display: none;
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 100%;
            height: 3px;
            background: #00c8ff;
          }
        }
        .show_nav{
          i{
            display: block;
          }
          color: #00c8ff;
        }
      }
      >div{
        float: right;
        a{
          color: #6c6c6c;
          font-size: 12px;
        }
      }
    }
    .cnav_center{
      .main_left{
        float: left;
        ul{
          width: 840px;
          height: 220px;
          margin-top: -8px;
          li{
            margin: 8px 8px 0 0;
            float: left;
            a{
              display: block;
              img{
                display: block;
                width: 160px;
                height: 102px;
              }
            }
          }
        }
      }
      .main_right{
        float: right;
        position: relative;
        >a{
          img{
            display: block;
            width: 260px;
            height: 212px;
          }
        };
        >span{
          position: absolute;
          right: 230px;
          bottom: 81px;
          font-size: 44px;
          color: #878e96;
          z-index: 100;
          cursor: pointer;
          font-weight: normal;
          font-family: "宋体";
        }
        >i{
          position: absolute;
          right: 8px;
          bottom: 81px;
          font-size: 44px;
          color: #878e96;
          z-index: 100;
          cursor: pointer;
          font-weight: normal;
          font-family: "宋体";
        }
      }
    }
  }
  .newpro_box{
    margin-top: 35px;
    p{
      height: 24px;
      font-size: 18px;
      span{
        margin-right: 12px;
      }
    };
    .n_list{
      ul{
        margin-left: -25px;
        li{
          background: #fff;
          margin: 25px 0 0 25px;
          width:350px;
          height: 507px;
          float: left;
          .goods_img{
            position: relative;
            .efficacy{
              display: none;
              position: absolute;
              bottom: 10px;
              left: 0;
              width: 335px;
              padding-left: 15px;
              text-align: center;
              a{
                display: inline-block;
                text-align: center;
                padding: 6px 16px;
                margin-right: 15px;
                border: 1px #00c8ff solid;
                color: #00c8ff;
              }
            }
            .gone{
              display: none;
              width: 153px;
              height: 50px;
              line-height: 50px;
              position: absolute;
              left: 50%;
              margin-left: -76.5px;
              top: 50%;
              margin-top: -25px;
              color: #fff;
              font-size: 26px;
              text-align: center;
              border: 1px #fff solid;
            }
            //#progress{
            //  height: 350px;
            //  width: 350px;
            //  background: url("../../images/progress.gif") no-repeat center top;
            //  position: absolute;
            //  left: 0px;
            //  right: 0;
            //};
            img{
                height: 350px;
                width: 350px;
              position: relative;
            }
          }
          .goods_img:hover{
            .efficacy{
              display: block;
            }
          }
          .goods_info{
            padding: 11px 20px 0;
            .goods_name{
              >a{
                display: block;
                width: 310px;
                height: 40px;
                color: #6c6c6c;
                line-height: 20px;
                font-size: 12px;
                span{
                  font-size: 16px;
                  color: #ff643c;
                  font-weight: bold;
                };
                i{
                  color: #ff643c;
                  margin-left: 10px;
                }
              };
            }
            .goods_price{
              margin-bottom: 10px;
              width: 310px;
              height: 53px;
              >div{
                float: left;
                color:#ff643c;
                margin-top: 11px;
                span{
                  font-size: 36px;
                }
              };
              p{
                float: right;
                margin-top:19px;
                background: #ff643c;
                width:90px;
                height:26px;
                a{
                  display: block;
                  color:#fff;
                  line-height: 26px;
                  font-size: 14px;
                  text-align: center;
                }
              }
            }
            .goods_sale{
              border-top: 1px #c4c4c4 dotted;
              >div{
                font-size: 12px;
                float: left;
                padding-left: 22px;
                background: url("../../images/ico2.png") no-repeat 0 -220px;
                line-height: 40px;
                color: #c4c4c4;
                span{
                  margin-left: 5px;
                }
              };
              p{
                font-size: 12px;
                float: right;
                color: #c4c4c4;
                line-height: 40px;
                span{
                  margin: 0;
                }
              }
            }
          }
        }
      }
    }
  }
  .con_foot{
    margin: 35px 124.5px 0;
    .w1100{
      background: #fff;
      padding: 30px 0px;
      .con_search{
        margin: 0 250px;
        form{
          input{
            border: 0;
            display: block;
            float: left;
          }
          input:nth-child(1){
            width: 498px;
            height: 26px;
            padding: 5px 0 5px 10px;
            border: 2px solid #00c8ff;
            outline: none;
            font-size: 12px;
          }
          input:nth-child(2){
            width: 88px;
            height: 40px;
            background: #00c8ff;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
          }
        }
        ul{
          margin-top: 6px;
          li{
            float: left;
            border-right: 1px solid #ccc;
            a{
              display: block;
              line-height: 14px;
              color: #6c6c6c;
              font-size: 12px;
              margin: 0 9px;
            }
          }
          li:nth-child(1){
            margin-left: -7px;
          }
          li:nth-last-child(1){
            border: 0;
          }
        }
      }
    }
  }
}

#footer{
  .foo_top{
    margin: 0 116.5px 35px;
    padding: 34px 0 0 16px;
    dl{
      float: left;
      margin-left: 20px;
      width:122px;
      dt{
        line-height: 16px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      a{
        display: block;
        color: #6c6c6c;
        font-size: 14px;
        line-height: 24px;
      }
      img{
        height: 103px;
      }
      .contact_method{
        font-weight: bold;
        font-size: 14px;
        margin-top: 6px;
      }
      .contact_phone{
        color: #00c8ff;
        font-weight: bold;
        margin-top: 8px;
      }
    }
    .footer_intro_mrl{
      margin-left: 8px;
    }
    .footer_intro_wechat{
      dt{
        margin-left: 6px;
      }
    }
  }
  .foo_cent{
    height: 35px;
    background: #00c8ff;
    ul{
      text-align: center;
      li{
        text-align: left;
        display: inline-block;
        width: 134px;
        height: 35px;
        line-height: 35px;
        margin-left: 8px;
        padding-left: 30px;
        font-family: '微软雅黑';
        color: #fff;
        font-weight: bold;
      }
      .baidu{
        background: url("../../images/assure2.png") no-repeat 0 0;
      }
      .quality{
        background: url("../../images/assure2.png") no-repeat 0 -35px;
      }
      .mail{
        background: url("../../images/assure2.png") no-repeat 0 -105px;
      }
      .return{
        background: url("../../images/assure2.png") no-repeat 0 -70px;
      }
    }
  }
  .foo_foo{
    margin-top: 14px;
    .w1100{
      padding-bottom: 45px;
      color: #6c6c6c;
      font-size: 11px;
      >div{
        color: #000;
        margin-bottom: 26px;
      }
      p{
        text-align: center;
        a{
          color: #6c6c6c;
        }
      }
      .footer_c_text2{
        margin: 7px 0 20px 0;
      }
    }
  }
}

#left_side{
  display: none;
  position: fixed;
  left: 50%;
  margin-left: -625px;
  top: 200px;
  >ul{
    background: #fff;
    >li{
      width: 60px;
      height: 60px;
      margin-bottom: 1px;
      a{
        display: block;
        height: 45px;
        color: #6c6c6c;
        padding-top: 15px;
        text-align: center;
        font-family: "宋体";
        span{
          display: inline-block;
          width: 30px;
        }
      }
    }
    >li+li{
      >a{
        padding-top: 40px;
        height: 20px;
        font-size: 12px;
        background: url("../../images/snav.png") no-repeat;
        border-bottom: 1px #c4c4c4 dotted;
        span{
          display: inline-block;
          width: 48px;
        }
      }
    }
    >.change{
      background: #00c8ff;
      a{
        color: #fff;
      }
    }
  }
}

#right_side{
  width: 35px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0px;
  z-index: 100;
  .side_menu{
    position: relative;
    height: 100%;
    background: #6c6c6c;
    >ul{
      position: absolute;
      top: 50%;
      margin-top: -200px;
      left: 0;
      li{
        position: relative;
        #end{
          position: absolute;
          top: 0px;
          right: 0px;
        }
        >div{
          display: none;
          position: absolute;
          left: -130px;
          top: 0px;
          width: 103px;
          height: 35px;
          line-height: 35px;
          background: #6c6c6c;
          text-align: center;
          color: #fff;
          >a{
            color:#fff;
            font-size: 12px;
            font-family: "宋体";
          }
          >span{
            margin: 0 10px;
          }
          >i{
            position: absolute;
            right: -10px;
            top:50%;
            margin-top: -5px;
            border: 5px solid transparent;
            border-left-color: #6c6c6c;
          }
        }
      }
      .menu_1{
        margin-bottom: 21px;
        >a{
          cursor: pointer;
          display: block;
          width: 35px;
          height: 35px;
          background: url("../../images/sidebarico.png") no-repeat;
        }
      }
      .menu_2{
        margin-bottom: 26px;
        >a{
          cursor: pointer;
          display: block;
          color:#fff;
          i{
            display: block;
            height: 35px;
            width: 35px;
            background: url("../../images/sidebarico.png") no-repeat 0 -35px;
          };
          span{
            display: block;
            margin: 5px auto 10px;
            width: 15px;
            height: 42px;
            font-size: 12px;
            font-family: "宋体";
            text-align: center;
          };
          b{
            display: block;
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            background: url("../../images/sidebarico.png") no-repeat 0 -210px;
          }
        }
      }
      .menu_3{
        margin-bottom: 8px;
        >a{
          cursor: pointer;
          display: block;
          width: 35px;
          height: 35px;
          background: url("../../images/sidebarico.png") no-repeat 0 -70px;
        }
      }
      .menu_4{
        margin-bottom: 50px;
        >a{
          cursor: pointer;
          display: block;
          width: 35px;
          height: 35px;
          background: url("../../images/sidebarico.png") no-repeat 0 -105px;
        }
      }
      .menu_5{
        margin-bottom: 10px;
        >a{
          cursor: pointer;
          display: block;
          width: 35px;
          height: 35px;
          background: url("../../images/sidebarico.png") no-repeat 0 -140px;
        }
        >div{
          width: 370px;
          height: 170px;
          top: -135px;
          left: -370px;
          font-size: 12px;
          p{
            float: left;
            margin-left: 10px;
            img{
              margin: 20px 0 4px;
              display: block;
              width: 110px;
              height: 110px;
            }
          }
          >span{
            position: absolute;
            right: -20px;
            bottom: 12.5px;
            margin-top: -5px;
            border: 5px solid transparent;
            border-left-color: #6c6c6c;
          }
        }
      }
      .menu_6{
        margin-bottom: 30px;
        >a{
          cursor: pointer;
          display: block;
          width: 35px;
          height: 35px;
          background: url("../../images/sidebarico.png") no-repeat 0 -175px;
        }
      }
      .menu_7{
        >a{
          position: relative;
          cursor: pointer;
          display: block;
          width: 35px;
          height: 35px;
          text-align: center;
          i{
            position: relative;
            left: 50%;
            top: 0px;
            margin-left: -5px;
            display: block;
            width: 0;
            border:transparent 5px solid;
            border-bottom-color: #fff;
          };
          span{
            font-family: Arial;
            color: #fff;
            font-size: 12px;
          }
        }
      }
      .menu_2:hover{
        b{
          background: url("../../images/sidebarico.png") no-repeat 0 -245px;
          color: #f00;
        }
      }
      .menu_bg{
        background: #00c8ff;
      }
    }
  };
  .side_content{
    height: 100%;
    width: 300px;
    background: #fff;
    color: #6c6c6c;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    .content_goods{
      width: 280px;
      padding: 10px 10px 20px;
      .goods_empty{
        display: none;
        h1{
          font-weight: normal;
          font-size: 18px;
          color: #000;
          overflow: hidden;
          height: 42px;
          border-bottom: 1px dashed #e3e3e3;
          margin-bottom: 30px;
          line-height: 24px;
          >i{
            float: right;
            font-size: 24px;
            color: #adadad;
            line-height: 30px;
            cursor: pointer;
          }
        }
        p{
          font-size: 24px;
          color: #c4c4c4;
          margin-top: 10px;
          text-align: center;
        }
        .goods_img{
          width: 135px;
          height: 164px;
          margin: 0 auto;
          background: url("../../images/empty.png") no-repeat;
        };
        .goods_style{
          font-size: 18px;
          padding-bottom: 30px;
        }
      };
      .goods_has{
        >h1{
          font-weight: normal;
          font-size: 18px;
          color: #000;
          overflow: hidden;
          height: 42px;
          border-bottom: 1px dashed #e3e3e3;
          margin-bottom: 10px;
          line-height: 24px;
          >i{
            float: right;
            font-size: 24px;
            color: #adadad;
            line-height: 30px;
            cursor: pointer;
          }
        }
        >.goods_msg{
          width: 290px;
          overflow: hidden;
          padding: 10px 5px;
          background: #fff;
          overflow: auto;
          max-height: 520px;
          ul{
            padding: 0 10px;
            li{
              padding: 10px 0 20px;
              border-bottom: 1px #e3e3e3 dotted;
              >a{
                display: block;
                border: 1px #e4e4e4 solid;
                float: left;
                img{
                  display: block;
                  width: 78px;
                  height: 78px;
                }
              }
              >.info_name{
                float: left;
                width: 160px;
                margin-left: 10px;
                >a{
                  display: block;
                  color: #888;
                  line-height: 18px;
                  font-size: 12px;
                  margin-top: 8px;
                  margin-bottom: 10px;
                  height: 36px;
                  overflow: hidden;
                }
                >div{
                  span{
                    float: left;
                    font-size: 16px;
                    color: #ff643c;
                  };
                  >p{
                    margin-left: 4px;
                    border: 1px #c6c6c6 solid;
                    width: 77px;
                    height: 24px;
                    float: left;
                    span{
                      width: 24px;
                      height: 24px;
                      float: left;
                      cursor: pointer;
                    }
                    #down_num{
                      background: url(../../images/updown.png) no-repeat 0 -24px;
                    };
                    input{
                      width: 29px;
                      height: 22px;
                      line-height: 24px;
                      text-align: center;
                      float: left;
                      font-family: Arial;
                      font-size: 14px;
                      border: 0;
                    }
                    #up_num{
                      background: url(../../images/updown.png) no-repeat 0 0;
                    };
                  };
                  >a{
                    margin-left: 5px;
                    margin-top: 10px;
                    font-size: 12px;
                    float: left;
                    color: #888;
                    text-decoration: underline;
                  }
                }
              };
            }
          }
        };
        >.goods_all{
          padding: 10px 20px;
          >p{
            color: #6c6c6c;
            >span{
              color: #ff643c;
              font-size: 18px;
              font-family: Arial;
              font-weight: bold;
              margin: 0 2px;
            }
          };
          >div{
            p:nth-child(1){
              float: left;
              color: #888;
              span{
                color: rgb(255, 100, 60);
                font-size: 14px;
                font-family: 微软雅黑;
                margin: 0px 3px 0px 4px;
              };
              i{
                color: #ff643c;
                font-size: 24px;
                font-family: Arial;
                font-weight: bold;
                font-style: normal;
              }
            }
            p:nth-child(2){
              float: right;
              width: 90px;
              height: 26px;
              background: #ff643c;
              top: 19px;
              >a{
                display: block;
                width: 90px;
                height: 26px;
                color: #fff;
                text-align: center;
                line-height: 26px;
              }
            }
          }
        }
      }
    }
  }
}